.box{
	width: 100%;
	height: 100vh;
	background: linear-gradient(#3cbf9f ,#67cbb1 ,#84d1bf ,#afe1d5,#d2e9e3,#daede9,#daede9,#daede9,#daede9,#daede9,#daede9);
}

.box-1 {
	display: flex;
	flex-direction: column;
	width: 100%;
	justify-content: center;
	align-items: center;
	padding-top: 20upx;
}

.Top-title{
	width: 95%;
	display: flex;
	padding: 20upx;
	background-color: #fff;
	box-sizing: border-box;
	border-radius: 15upx;
	gap: 20upx;
	position: relative;
}

.Top-title image{
	width: 160rpx;
	height: 150rpx;
	border-radius: 3px;
	margin-right: 15rpx;
}

.Top-title-right {
	display: flex;
	flex-direction: column;
	gap: 10upx;
	
}

.Top-title-right .Top-title-right-3{
	display: flex;
	align-items: center;
	gap: 10upx;
	margin-top: 10rpx;
}

.Top-title-right .Top-title-right-1{
	display: flex;
	align-items: center;
}

.Top-title-right .Top-title-right-1 text{
	font-size: 20upx;
	border: 1px solid #35BB9A;
	padding:0upx 5upx;
	color: #35BB9A;
	height: 30upx;
	border-radius: 20upx;
	border-bottom-left-radius: 0upx;
}

.Top-title-right .Top-title-right-1 view{
	font-weight: 600;
	color: #333;
	font-size: 36upx;
}

.Top-title-right .Top-title-right-2{
	color: #666;
	font-size: 26upx;
	margin-top: 18rpx;
}

.Top-title-right .Top-title-right-3 .span{
	font-weight: 600;
	font-size: 26upx;
	color: #333;
}

.Top-title-right .Top-title-right-3 .red text{
	font-weight: 600;
	color: #FD5C35;
	font-size: 32upx;
}

.Top-title-right .Top-title-right-3 .red{
	background-color: #FEF0E9;
	color:#FD5C35 ;
	font-size: 25upx;
	margin: 0 10rpx;
}

.Top-title-right .Top-title-right-3 .del{
	text-decoration: line-through;
	color: #999;
	letter-spacing: 0px;
	font-size: 25upx;
}

.Top-title-right .op{
	position: absolute;
	right: 0;
	font-size: 20upx;
	top: 85upx;
	background-color:#F3F3F3 ;
	padding: 5upx 20upx;
	border-top-left-radius: 20upx;
	border-bottom-left-radius: 20upx;
	color: #999;
}

.info{
	background-color: #fff;
	width: 95%;
	display: flex;	flex-direction: column;
	background-color: #fff;
	box-sizing: border-box;
	border-radius: 15upx;
	padding: 0upx 20upx;
	margin: 10rpx 0 15rpx;
}

.info-D,
.info-X,
.info-S,
.info-B
{
	width: 100%;
	padding-bottom: 40upx;
	box-sizing: border-box;
	border-bottom: 1px solid #9991;
	padding-top: 40upx;
	.title {
		margin-left: 8rpx;
	}
	.title-3 {
		line-height: 1.3;
	}
}
.info-D {
	.title-1 {
		margin-top: 6rpx;
	}
	.title-3 {
		margin-right: 8rpx;
		color: #9998;
		}
}

.info-D .title .content{
	font-weight: 600;
	font-size: 30upx;
}

.info-D .title .title-3{
	width: 40upx;
	height: 40upx;
    margin-left: auto;
	color: #9998;
}

.info-D text{
	color:#FD5C35 ;
	font-size: 20upx;
	display: flex;
	align-items: center;
	padding-left: 20upx;
}

.info-X{
	display: flex;
	.icon-service {
		font-size: 41rpx;
	}
}

.info-X .title{
	font-weight: 600;
}

.info-X .Ftitle{
	margin-left: auto;
	margin-right: 10upx;
	color: #35BB9A;
	font-weight: 600;
}

.info-X .title-3{
	width: 40upx;
	height: 40upx;
	color: #9998;
}

.info-S,
.info-B{
	display: flex;
	align-items: center;
}

.info-B{
	border-bottom: none;
}

.info-S .title{
	font-weight: 600;
}

.info-S .Ftitle{
	margin-left: auto;
	margin-right: 10upx;
	color: #35BB9A;
	font-weight: 600;
}

.info-S .title-3{
		width: 40upx;
		height: 40upx;
		color: #9998;
}

.info-B .title{
	font-weight: 600;
}

.info-B .Ftitle{
	margin-left: auto;
	margin-right: 10upx;
	color: #666;
	font-size: 26upx;
}

.info-B .title-3{
	width: 40upx;
	height: 40upx;
	color: #9998;
}

.select{
	padding: 20upx;
	background-color: #fff;
	width: 95%;
	box-sizing: border-box;
	border-radius: 15upx;
	display: flex;flex-direction: column;
	margin-bottom: 15rpx;
}

.select .top{
	display: flex;
	align-items: center;
	padding: 30upx 0;
	.icon-youjiantou1 {
		margin-right: 8rpx;
		color: #9998;
	}
}

.select .top text{
	background-color: #35BB9A;
	overflow: hidden;
}

.select .top .title{
	font-weight: 600;
}

.select .top .reminder{
	font-size: 20upx;
	color: #999;
	margin-left: auto;
	padding-right: 10upx;
}

.select .top .iconfont{
	width: 40upx;
	height: 40upx;
	color: #9998;
	margin-left: 15upx;
}

.select .top .details{
	background-color: #ECF8F6;
	color: #35BB9A;
	font-size: 20upx;
	display: flex;
	align-items: center;
	padding: 10upx 10upx;
	
}

.select .bottom {
	display: flex;
	align-items: center;
	padding: 30upx 0;
	border-top: 1px solid #9992;
	.icon-youjiantou1 {
		margin-right: 8rpx;
		color: #9998;
	}
}

.select .bottom .title{
	font-weight: 600;
}

.select .bottom .sel{
	margin-left: 20upx;
	font-size: 20upx;
	color: #E84B76;
	border: 1px solid #E45861;
	border-radius: 15upx;
	padding:0upx 10upx;
	box-sizing: border-box;
}

.select .bottom .discount{
	color: #E84B76;
	border: 1px solid #E45861;
	font-size: 20upx;
	background-color: #FEF4F5;
	padding: 0 10upx;
	margin-left: auto;
}

.select .bottom .iconfont{
	width: 40upx;
	height: 40upx;
	color: #9998;
	margin-left: 15upx;
}

.warm_prompt{
	padding: 20upx;
	margin-bottom: 15rpx;
	background-color: #fff;
	width: 95%;
	box-sizing: border-box;
	border-radius: 15upx;
	display: flex;
	align-items: center;
	.icon-youjiantou1 {
		margin-right: 8rpx;
		color: #9998;
	}
}

.warm_prompt .iconfont{
	width: 40upx;
	height: 40upx;
	color: #9998;
	margin-left: auto;
}

.warm_prompt .title{
	color: #666;
	font-weight: 600;
	font-size: 30upx;
}

.warm_prompt .content{
	font-size: 20upx;
	color: #999;
}

.more{
	width: 100%;
	background-color: #fff;
	padding: 30upx;
	border-radius: 15upx;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}

.more .top{
	display: flex;
	align-items: center;
	width: 100%;
	padding-bottom: 30upx;
}

.more .top .iconfont{
	width: 38upx;
	height: 40upx;
	color: #9998;
	margin-left: 15upx;	
}

.more .top .title-1{
	margin-left: auto;
	font-size: 26upx;
	color: #999;
}
.more .top .title{
	font-weight: 600;
	color: #333;
}

.more .bottom{
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	box-shadow: 5upx 5upx 5upx #EDF9F7,
	-5upx -5upx 5upx #EDF9F7;
	border-radius: 15upx;
}

.box-2{
	position: fixed;
	bottom: 0;
	padding: 20upx 20rpx 60rpx;
	background-color: #fff;
	width: 100%;
	display: flex;
	box-sizing: border-box;
	z-index: 100;
	justify-content: space-around;
}

.box-2 .indent-over{
	line-height: 2.5;
	background-color: #35BB9A;
	color: #fff;
	width: 60%;
	border-radius: 3px;
}

.box-2 .pic{
	width: 40%;
	display: flex;
	flex-direction: column;
}

.box-2 .del{
	text-decoration: line-through;
	color: #999;
	font-size: 20upx;
	text-indent: 4rpx;
}

.box-2 .pic .price{
	display: flex;
	color: #FE552D;
	align-items: center;
	gap: 20upx;
}

.box-2 .pic .price-1{
	font-weight: 600;
}

.box-2 .pic .price-2{
	font-size: 20upx;
	margin-left: 15rpx;
}

.box-2 .pic .price-3{
	margin-left: 15upx;
}

.more .bottom .price{
	color: #999;
	font-size: 20upx;
	display: flex;
	padding: 30upx;
	align-items: center;
}

.more .bottom .total{
	color: #FF532A;
	margin-left: auto;
	font-size: 35upx;
	font-weight: 600;
	letter-spacing: -1px;
	text-align: right;
}

.more .bottom .title{
	margin-bottom: 20upx;
}

.more .bottom .price input{
	width: 40upx;
}

.more .bottom .total text{
	color: #999;
	letter-spacing: -1px;
	font-weight: 400;
	font-size: 30upx;
	text-decoration: line-through;
}

.more .bottom .radio{
	margin-left: 20upx;
	border: 1px solid #999;
	border-radius: 50%;
	width: 35upx;
	height: 35upx;
}

.more .bottom .car{
	display: flex;
	flex-direction: column;
	padding: 0 30upx;
	background-color: #EDF9F7;
	padding-right: 0;
}

.more .bottom .car .top_right_corner{
	margin-left: auto;
	background-color: #37BE9D;
	color: #fff;
	font-size: 20upx;
	padding: 5upx 10upx;
	border-bottom-left-radius:20upx ;
	border-top-right-radius: 20upx;
}

.more .bottom .car .title{
	color: #35BB9A;
	font-weight: 600;
	font-size: 40upx;
}

.more .bottom .car .title-1{
	font-size: 20upx;
	padding-bottom: 40upx;
}

.more .bottom .radio1{
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #FD562F;
}

.indent-hint-box {
	background-color: #f4f4f4;
	overflow: hidden;
	padding-bottom: 300rpx;
	.flex {
		margin-top: 15rpx;
		background-color: #fdf6ec;
		padding: 20rpx;
		.fz {
			color: #8c6430;
		}
		.icon-good {
			align-self: center;
			margin-right: 10rpx;
			background-color: #ff8e14;
			color: #fff;
			border-radius: 50%;
			padding: 3rpx;
		}
	}
	.center {
		display: flex;
		margin-top: 20rpx;
		.color {
			margin-right: 8rpx;
		}
	}
}

.popup-content {
	.center {
		margin-top: 40rpx;
		padding: 25rpx;
		justify-content: space-between;
		.serveBox-item {
			border: 1px solid #eaeae7;
			border-radius: 3px;
			width: 32%;
			padding: 8rpx;
			.fw {
				font-size: 28rpx;
			}
			.red {
				letter-spacing: -1px;
				padding: 3rpx 6rpx;
				background-color: rgb(255,240,237);
			}
		}
		.serveBoxItemActive {
			border: 1rpx solid #59b195;
			background-color: rgb(238,255,249);
		}
	}
	.serve-sure {
		padding: 20rpx;
		margin: 320rpx 20rpx 0;
		border-radius: 3px;
		text-align: center;
		background-color: #35bb9a;
		color: #fff;
	}
}

.item-mod-scroll {
	background-color: #f2fbf8;
}

.time-item-box {
	width: 100%;
	padding: 25rpx 15rpx;
	line-height: 1.6;
	.time-item {
		position: relative;
		flex-direction: column;
		padding: 0 15rpx;
		.item-week {
			font-size: 26rpx;
		}
		.item-time-date {
			width: 100%;
		}
		.red {
			width: 120rpx;
		}
	}
	.timeItemActive {
		&::before {
			content: '';
			position: absolute;
			left: 45rpx;
			bottom: -20rpx;
			width: 60rpx;
			height: 6rpx;
			background-color: #31bb99;
		}
	}
}

.t-time-box {
	display: flex;
	flex-wrap: wrap;
	height: 400rpx;
	margin: 10rpx 0 0 27rpx;
	overflow: auto;
	.t-time-item {
		position: relative;
		padding: 30rpx 48rpx;
		border: .5px solid #e1e1e1;
		font-size: 25rpx;
	}
	.timeItemNight {
		background-color: #fef1e1;
	}
	.timeDateItemActive {
		background-color: #31bb99;
		color: #fff;
	}
	.timeItemOver {
		background-color: #f6f6f6;
		border: .5px solid #f1f1f1;
		color: #999;
		&::before {
			position: absolute;
			content: '约满';
			font-size: 24rpx;
			top: 0;
			right: 0;
			padding: 4rpx;
			background-color: #E9E9E9;
			border-bottom-left-radius: 10px;
		}
	}
}

.serve-sure {
	.server-sure-hint {
		padding: 20rpx 15rpx;
		letter-spacing: 3rpx;
		border-bottom: 1px solid #f1f1f1;
		.fw {
			margin-right: 8rpx;
		}
	}
	.flex {
		justify-content: space-between;
		padding: 15rpx 15rpx 20rpx;
		.s-hint-subprice {
			font-size: 29rpx;
			margin-left: 5rpx;
		}
		.line-del {
			margin-left: 55rpx;
		}
		.btn-mod {
			margin-top: 0;
			text-align: center;
			width: 380rpx;
			border-radius: 3px;
		}
	}
}

.bottomHintBox {
	.hintText {
		padding: 0 25rpx 25rpx;
		border-bottom: 1px solid #e9ecf3;
	}
	.flex {
		.afterHint {
			padding: 15rpx 0;
			border-right: 1px solid #e9ecf3;
		}
		
	}
}

.bottomPriceActive {
	transform: rotate(180deg);
}

.bottomPrice-mod {
	padding: 25rpx;
	.bottomPrice-mod-total {
		justify-content: flex-end;
	}
}